﻿@charset "utf-8";
@import "common/global";
@import "header";
@import "footer";

.pay {
    background:$bgColor;
    padding-bottom: 1.06rem;
}


.pay{
   .pay-btn{
        border-radius: rem(10px);
   }
}

.choose-box{
    background-image:url(../../public/assets/images/choose.png);
}

div .choosed-box{
    background-image:url(../../public/assets/images/choosed.png);
}

.choose-box,.choosed-box{
    background-size:0.35rem .35rem;
    background-repeat:no-repeat;
    width: .4rem;
    height:.4rem;
}

.pay-icon{
    background-size:cover;
    background-repeat:no-repeat;
    width: .64rem;
    height:.64rem;
}

.alipay-icon{
    background-image:url(../../public/assets/images/icon_alipay.png);
   
}

.wechat-icon{
    background-image:url(../../public/assets/images/icon_wechat.png);
}

.yahoo-icon{
    width: .66rem !important;
    height:.48rem !important;
    background-image:url(../../public/assets/images/wallet.png);
}

.success-page{
    .success-wrap{
        margin:rem(80px) 0 rem(60px) 0;
        img{
            width:rem(200px);
            height:rem(200px)
        }
    }

    .btn-div{
        margin-top:rem(100px);
    }
}



.page-layer{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    visibility: visible;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 99;
    .layer-content-wrap-pay{
         margin: 0 auto;
        left: 10%;
        right: 10%;
        position: fixed;
        top:25%;

        .layer-content{
            background: #fff;
            
            min-height: 20%;
            max-height: 60%;
            overflow: auto;
            border-radius:rem(10px);

            .declare-p{
                margin: rem(30px);
                p{
                    margin-bottom: rem(20px);
                }
            }
         }

         .close{
                text-align: center;
                img{
                    height: rem(60px);
                    width: rem(60px);
                }
            } 
    }  
}